<script setup>
import Child from '@/components/chapter08/base/8.6.2Child.vue'
import { ref } from 'vue'

// const msg = ref('Hello World!')
const bookTitle = ref('v-model argument example')
const firstName = ref('John')
const lastName = ref('Doe')
</script>

<template>
  <!-- <h1>{{ msg }}</h1>
  <Child v-model="msg" /> -->
  <!-- <h1>{{ bookTitle }}</h1> -->
  <!-- <Child v-model:title="bookTitle" /> -->

  <Child v-model:first-name="firstName" v-model:last-name="lastName" />
  <!-- <Child v-model:first-name="firstName" />
  <Child v-model:last-name="lastName" /> -->
</template>
